<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns:u="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:t="http://com.ss.stockmanager/jsf"
	xmlns:p="http://primefaces.org/ui" xmlns="http://www.w3.org/1999/xhtml">

<body>
	<u:composition template="/pages/layout/pageLayout.xhtml">
		<u:define name="body">
			<h:form id="form">
				<p:panel id="panelFiltro" header="#{msgs.common_filtros}"
					rendered="#{!acuerdoController.addEdit}">
					<h:panelGrid columns="5">
						<h:outputText value="#{msgs.admAcuerdo_proveedor}" />
						<p:selectOneMenu value="#{acuerdoController.query.proveedorID}">
							<f:selectItem itemLabel="#{msgs.common_todos}" itemValue="" />
							<f:selectItems value="#{acuerdoController.listaProveedor}"
								var="proveedor" itemValue="#{proveedor.id}"
								itemLabel="#{proveedor.nombre}" />
							<f:ajax execute="@this" />
						</p:selectOneMenu>

						<p:commandButton value="Consultar"
							actionListener="#{acuerdoController.query}" update="dataTable">
						</p:commandButton>
					</h:panelGrid>
				</p:panel>

				<h:outputText value="&#160;" />

				<p:growl id="messages" life="5000" />
				<p:dataTable id="dataTable" var="objeto"
					value="#{acuerdoController.lazyDM}" paginator="true" rows="10"
					paginatorTemplate="{CurrentPageReport} {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
					rowsPerPageTemplate="10,15,20"
					rendered="#{!acuerdoController.addEdit}"
					emptyMessage="No se encontraron registros" dynamic="true"
					lazy="true">

					<f:facet name="header">
						<h:outputText value="#{msgs.admAcuerdo_title}" />
					</f:facet>

					<p:column>
						<f:facet name="header">
							<h:outputText value="#{msgs.admAcuerdo_proveedor}" />
						</f:facet>
						<h:outputText value="#{objeto.proveedor.nombre}" />
					</p:column>

					<p:column>
						<f:facet name="header">
							<h:outputText value="#{msgs.admTarifario_fechaDesde}" />
						</f:facet>
						<h:outputText value="#{objeto.fechaDesde}">
							<f:convertDateTime pattern="#{msgs.common_inputDateFormat}"
								timeZone="#{msgs.common_timeZone}" />
						</h:outputText>
					</p:column>

					<p:column>
						<f:facet name="header">
							<h:outputText value="#{msgs.admTarifario_fechaHasta}" />
						</f:facet>
						<h:outputText value="#{objeto.fechaHasta}">
							<f:convertDateTime pattern="#{msgs.common_inputDateFormat}"
								timeZone="#{msgs.common_timeZone}" />
						</h:outputText>
					</p:column>


					<p:column style="width:90px">
						<f:facet name="header">
							<h:outputText value="#{msgs.common_opciones}" />
						</f:facet>
						<h:panelGrid columns="3">
							<p:commandLink actionListener="#{acuerdoController.edit}"
								update=":form">
								<h:graphicImage url="/resources/images/edit.gif"
									title="Modificar" style="border:0px" />
							</p:commandLink>
							<h:commandLink actionListener="#{acuerdoController.delete}"
								onclick="return confirm('¿Está seguro de eliminar el registro?');">
								<h:graphicImage url="/resources/images/delete.gif"
									title="Eliminar" style="border:0px" />
							</h:commandLink>
						</h:panelGrid>
					</p:column>

					<f:facet name="footer">
						<p:commandButton value="#{msgs.common_agregar}"
							actionListener="#{acuerdoController.add}" update=":form" />
					</f:facet>
				</p:dataTable>


				<h:panelGrid id="panel" columns="1"
					rendered="#{acuerdoController.addEdit}">

					<p:tabView id="tabView" widgetVar="tabView">
						<p:tab title="#{msgs.admAcuerdo_datosPrincipales}">
							<p:focus for="fechaDesdeC" />
							<p:panel>
								<h:panelGrid columns="3">
									<h:outputText value="#{msgs.admAcuerdo_fechaDesde}" />
									<p:calendar id="fechaDesdeC"
										value="#{acuerdoController.view.fechaDesde}" mode="popup"
										showOn="button" locale="es"
										pattern="#{msgs.common_inputDateFormat}"
										readOnlyInputText="false" navigator="true"
										yearRange="c-100:c+50"
										converterMessage="El formato de la fecha es incorrecto">
									</p:calendar>
									<h:message for="fechaDesdeC" />

									<h:outputText value="#{msgs.admAcuerdo_fechaHasta}" />
									<p:calendar id="fechaDesdeD"
										value="#{acuerdoController.view.fechaHasta}" mode="popup"
										showOn="button" locale="es"
										pattern="#{msgs.common_inputDateFormat}"
										readOnlyInputText="false" navigator="true"
										yearRange="c-100:c+50"
										converterMessage="El formato de la fecha es incorrecto">
									</p:calendar>
									<h:message for="fechaDesdeD" />

									<h:outputText value="#{msgs.admAcuerdo_proveedor}" />
									<p:selectOneMenu id="somProveedor"
										value="#{acuerdoController.view.proveedor.id}">
										<f:selectItems value="#{acuerdoController.listaProveedor}"
											var="proveedor" itemValue="#{proveedor.id}"
											itemLabel="#{proveedor.nombre}" />
										<f:ajax execute="@this" />
									</p:selectOneMenu>
									<h:message id="mpSOM" for="somProveedor" />
								</h:panelGrid>
							</p:panel>
						</p:tab>

						<p:tab title="#{msgs.admAcuerdo_descuentos}">

							<p:panel header="#{msgs.admAcuerdo_descuentos}">
								<p:dataTable id="listaAcuerdoDetalleDT" var="detalle"
									value="#{acuerdoController.acuerdoDetalleDM}" emptyMessage="">

									<f:facet name="header">
										<h:outputText value="#{msgs.admAcuerdo_descuentos}" />
									</f:facet>

									<p:column align="center">
										<f:facet name="header">
											<h:outputText value="#{msgs.admAcuerdo_tipo}" />
										</f:facet>
										<h:outputText value="#{detalle.tipoDescuento}" />
									</p:column>

									<p:column align="center">
										<f:facet name="header">
											<h:outputText value="#{msgs.admAcuerdo_cantidad}" />
										</f:facet>
										<h:outputText value="#{detalle.cantidad}" />
									</p:column>

									<p:column align="center">
										<f:facet name="header">
											<h:outputText
												value="#{msgs.admAcuerdo_bonificacionPorcentage}" />
										</f:facet>
										<h:outputText
											value="#{detalle.valor} (#{msgs.admAcuerdo_bonificacionPorPorcentaje})"
											rendered="#{detalle.porcentaje}" />
										<h:outputText
											value="#{detalle.valor} (#{msgs.admAcuerdo_bonificacionPorCantidad})"
											rendered="#{!detalle.porcentaje}" />
									</p:column>


									<p:column align="center">
										<f:facet name="header">
											<h:outputText value="#{msgs.admAcuerdo_producto}" />
										</f:facet>
										<h:outputText value="#{msgs.common_todos}"
											rendered="#{detalle.todos}" />
										<h:outputText value="#{detalle.producto.detalle}"
											rendered="#{!detalle.todos}" />
									</p:column>


									<p:column style="width:40px">
										<f:facet name="header">
											<h:outputText value="#{msgs.common_opciones}" />
										</f:facet>
										<h:panelGrid columns="3">
											<h:commandLink
												actionListener="#{acuerdoController.deleteDetalle}"
												immediate="true">
												<h:graphicImage url="/resources/images/delete.gif"
													title="#{msgs.common_eliminar}" style="border:0px" />
											</h:commandLink>
										</h:panelGrid>
									</p:column>

									<f:facet name="footer">
										<p:commandButton value="#{msgs.common_agregar}" type="button"
											onclick="PF('acuerdoDetalleDialog').show()" />
									</f:facet>
								</p:dataTable>
							</p:panel>
						</p:tab>
					</p:tabView>

					<!-- ================================================== -->
					<!-- Opciones											-->
					<!-- ================================================== -->
					<h:panelGrid columns="2">
						<p:commandButton value="#{msgs.common_guardar}"
							actionListener="#{acuerdoController.save}" update=":form">
						</p:commandButton>
						<p:commandButton value="#{msgs.common_volver}"
							actionListener="#{acuerdoController.cancel}" immediate="true"
							update=":form">
						</p:commandButton>
					</h:panelGrid>
				</h:panelGrid>
			</h:form>

			<h:form id="acuerdoDetalleForm">
				<p:dialog id="acuerdoDetalleDialogID" header="Agregar descuento"
					widgetVar="acuerdoDetalleDialog" resizable="false" width="900"
					modal="true" onCloseUpdate="">
					<h:panelGrid id="panelGridAcuerdo" columns="3">

						<h:outputText value="#{msgs.admAcuerdo_tipo}" />
						<p:selectOneMenu id="tipoAcuerdoSOM"
							value="#{acuerdoController.acuerdoDetalleView.tipoDescuento}"
							converter="tipoDescuentoConverter">
							<f:selectItems value="#{acuerdoController.listaTipoDescuento}" />
							<p:ajax event="change" update="panelGridAcuerdo" />
						</p:selectOneMenu>
						<h:outputText value="" />

						<h:outputText value="#{msgs.admAcuerdo_cantidad}" />
						<p:spinner id="cantidadS"
							value="#{acuerdoController.acuerdoDetalleView.cantidad}" min="1"
							stepFactor="1" size="30">
							<f:ajax execute="@this" />
						</p:spinner>
						<h:outputText value="" />

						<h:outputText id="bonificacionCantidadOT"
							value="#{msgs.admAcuerdo_bonificacionPorCantidad}"
							rendered="#{acuerdoController.descuentoCantidad}" />
						<p:spinner id="bonificacionCantidadS"
							rendered="#{acuerdoController.descuentoCantidad}"
							value="#{acuerdoController.acuerdoDetalleView.valor}" min="1"
							stepFactor="1" size="30">
							<f:ajax execute="@this" />
						</p:spinner>
						<h:outputText value=""
							rendered="#{acuerdoController.descuentoCantidad}" />

						<h:outputText id="bonificacionPorcentajeOT"
							value="#{msgs.admAcuerdo_bonificacionPorPorcentaje}"
							rendered="#{acuerdoController.descuentoPorcentaje}" />
						<p:spinner id="bonificacionPorcentajeS"
							rendered="#{acuerdoController.descuentoPorcentaje}"
							value="#{acuerdoController.acuerdoDetalleView.valor}" min="1"
							stepFactor="1" size="30">
							<f:ajax execute="@this" />
						</p:spinner>
						<h:outputText value=""
							rendered="#{acuerdoController.descuentoPorcentaje}" />

						<h:outputText value="#{msgs.admAcuerdo_todos}" />
						<p:selectBooleanCheckbox
							value="#{acuerdoController.acuerdoDetalleView.todos}">
							<p:ajax listener="#{acuerdoController.todosListener}"
								update="panelGridAcuerdo" />
						</p:selectBooleanCheckbox>
						<h:outputText value="" />

						<h:outputText value="#{msgs.admAcuerdo_producto}" />
						<p:autoComplete id="productoAC"
							disabled="#{acuerdoController.productoSelected or acuerdoController.acuerdoDetalleView.todos}"
							value="#{acuerdoController.acuerdoDetalleView.producto}"
							completeMethod="#{acuerdoController.completeProducto}"
							var="producto" itemLabel="#{producto.detalle}"
							itemValue="#{producto}" converter="productoConverter"
							maxResults="10" size="50">
							<p:ajax event="itemSelect"
								listener="#{acuerdoController.productoSelectChange}"
								update="productoAC,nombreProducto,deseleccinarLink" />
						</p:autoComplete>
						<h:panelGroup>
							<h:outputText id="nombreProducto"
								value="#{acuerdoController.acuerdoDetalleView.producto.detalle}" />
							<p:commandLink id="deseleccinarLink"
								disabled="#{!acuerdoController.productoSelected}"
								actionListener="#{acuerdoController.deselecionarProducto}"
								update="productoAC,nombreProducto,deseleccinarLink,:form:messages"
								process="@this">
								<h:graphicImage url="/resources/images/delete.gif"
									title="Deseleccionar" style="border:0px" />
							</p:commandLink>
						</h:panelGroup>

						<h:outputText value="" />
						<h:panelGrid columns="2">
							<p:commandButton value="#{msgs.common_agregar}"
								actionListener="#{acuerdoController.addDetalle}"
								update=":form:messages,:form:tabView:listaAcuerdoDetalleDT,panelGridAcuerdo"
								process="panelGridAcuerdo" />

							<p:commandButton value="#{msgs.common_cerrar}" type="button"
								actionListener="#{acuerdoController.cerrar}"
								onclick="PF('acuerdoDetalleDialog').hide()" />

						</h:panelGrid>
						<h:outputText value="" />

					</h:panelGrid>



				</p:dialog>

			</h:form>

		</u:define>
	</u:composition>
</body>
</html>